<template>
  <div class="cart-total">
    <h3>总价: ¥{{ totalPrice }}</h3>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  computed: {
    ...mapGetters(['totalPrice'])
  }
}
</script>

<style scoped>
.cart-total {
  margin-top: 20px;
  font-size: 1.2em;
  font-weight: bold;
}
</style>